<template>
  <div id="list-card">
    <base-card>
      <div class="buttonList">
        <el-button round id="linkedList" @click="linkToLinkedList">链表</el-button>
        <el-button round id="stack" @click="linkToStack">栈</el-button>
        <el-button round id="queue" @click="linkToQueue">队列</el-button>
        <el-button round id="doublyLinkedList" @click="linkToDoublyLinkedList">双向链表</el-button>
        <el-button round id="deque" @click="linkToDeque">双端队列</el-button>
      </div>
    </base-card>
  </div>
 
</template>

<script>
import BaseCard from './BaseCard'
export default {
  name:'ListCard',
  components:{
    BaseCard
  },
  methods:{
    linkToLinkedList(){
      this.$router.push('/linkedList')
    },
    linkToStack(){
      this.$router.push('/stack')
    },
    linkToQueue(){
      this.$router.push('/queue')
    },
    linkToDoublyLinkedList(){
      this.$router.push('/doublyLinkedList')
    },
    linkToDeque(){
      this.$router.push('/deque')
    }
  }
}

</script>

<style>

</style>